<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	    <title>hoyo</title>
		
	    <!-- Bootstrap -->
	    <link href="css/bootstrap.css" rel="stylesheet">
	    <link href="css/mine.css" rel="stylesheet" />
	    <style>
	    	#data-nav{
	    		margin-bottom: 0px;
	    	}
	    </style>
	</head>
	<body>
		
			
		<div id="data-nav" class="navbar">
			<div class="container">
		  	<div class="navbar-header">
		      <a class="navbar-brand" href="#">
		      	<img src="img/logo.png" class="data-img"/>
		      	<span class="data-span">主页</span>
		      </a>
		    </div>
		
	      <ul id="contributor" class="nav navbar-nav navbar-right">
	      	
	      	<li>
	      		<a href="#">
	      			<span>登录</span>
	      		</a>
	      	</li>
	      	<li>
	      		<a href="#">
	      			<span>注册</span>
	      		</a>
	      	</li>
	      	<li>
	      		<a class="data-user">
	      			<img src="img/icon.png" class="data-img img-circle">
	      		</a>
	      	</li>
	      	
	      	
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle data-color" data-toggle="dropdown">投稿</a>
	          <ul class="dropdown-menu">
	            <li>
	            	<a href="#" class="padding-zero">
	            		<svg class="icon" aria-hidden="true">
						  <use xlink:href="#icon-shipinshangchuan-copy"></use>
						</svg>							
	            		<span class="icon-font">视频投稿</span>
	            	</a>
	            </li>
	            <li>
	            	<a href="#" class="padding-zero">
	            		<svg class="icon" aria-hidden="true">
						  <use xlink:href="#icon-shipinguanli-copy"></use>
						</svg>							
	            		<span class="icon-font">投稿管理</span>
	            	</a>
	            </li>
	        </li>
	      </ul>
		  </div>
		</div>
		
		<div class="container-fluid" style="background-color: #00a0d8;margin-bottom: 50px;">
			<div class="container">
				<img src="img/login-bc.png" />
			</div>
		</div>
		<div class="container">
			<h1 style="text-align: center;margin-bottom: 30px;" >重置密码</h1>
			<div class="row">
				<div class="col-lg-6 col-lg-offset-3">
					<input type="text" class="form-control input-lg" placeholder="填写注册时绑定的手机号"/>
					<p style="height: 20px;margin: 6px 0 6px 13px"></p>  <!--错误信息-->
					
					<input type="text" class="form-control input-lg" placeholder="请输入密码"/>
					<p style="height: 20px;margin: 6px 0 6px 13px"></p>  <!--错误信息-->
					
					<input type="text" class="form-control input-lg" placeholder="请再次输入密码"/>
					<p style="height: 20px;margin: 6px 0 6px 13px"></p>  <!--错误信息-->
					
					<div class="input-group input-group-lg">
				      <input type="text" class="form-control" placeholder="手机验证码">
				      <span class="input-group-btn">
				        <button class="btn btn-info" type="button">点击获取</button>
				      </span>
				    </div>
				    <p style="height: 20px;margin: 6px 0 6px 13px"></p>  <!--错误信息-->
				</div>
			</div>
			<div class="row">
				<div class="col-lg-6 col-lg-offset-3">
					<button class="btn btn-info btn-block btn-lg">确认修改</button>
				</div>
			</div>
		</div>
		
	</body>
	<script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/iconfont.js"></script>
</html>
